<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>

	<body>
		<form id="fileForm" action="" enctype="multipart/form-data">
			选择文件：<input type="file" id="file" name="file" /></br>
			数字：<input type="number" /><br>
			范围：<input type="range" /><br>
			颜色输入:<input type="color"></br>
			日期输入<input type="date"><br>
			email输入 <input type="email"><br>
			tel输入<input type="tel"><br>
			url输入 <input type="url"><br>
			<input type="button" id="submitButton" value="file属性" onclick="submitFile()" />
		</form>
		<script>
		
			function submitFile() {
				var files = document.getElementById("file").files;
				var file;

				//遍历所有文件
				for(var i = 0; i < files.length; i++) {

					// 取得一个文件
					file = files.item(i);
					// 这样也行
					//file = files[i];
					console.log("文件名:" + file.name);
					console.log("多用途互联网邮件扩展类型：" + file.type);
					console.log("文件大小:" + file.size)
					console.log("文件最后修改时间:" + file.lastModified + "毫秒");
					//最后修改时间的 Date 对象
					console.log(file.lastModifiedDate);
					//相关的 path 或 URL
					console.log("相关的 path 或 URL:" + file.webkitRelativePath);
				}

			}
		</script>
	</body>

</html>